{% load static %}
<html>
    <head>
        <meta charset="UTF-8">
        <title>FBA退款 - 专注于亚马逊退款索赔，找回属于您的每一分钱！</title>
        <meta name="keywords" content="FBA退款,FBA索赔, 亚马逊索赔, 亚马逊退款,amz索赔, amazon索赔">
        <meta name="description" content="FBA退款(fbatk)是专注于FBA退款索赔的第三方软件,全方面分析店铺数据。损坏丢失,发货接收差异,退款未退货，换货未退货等退款索赔问题通通帮你解决！">
        <script type="text/javascript" src="https://www.layuicdn.com/layui-v2.5.7/layui.js"></script>
        <link type="text/css" href="https://www.layuicdn.com/layui-v2.5.7/css/layui.css" rel="stylesheet">
        <link type="text/css" href="{% static "login/css/login.css" %}" rel="stylesheet">
{#        <link type="text/css" href="{% static " login/css/normalize.css " %}" rel="stylesheet">#}
{#        <link type="text/css" href="{% static " login/css/default.css " %}" rel="stylesheet">#}
{#        <link type="text/css" href="{% static " login/css/styles.css " %}" rel="stylesheet">#}

    </head>

    <body>
        <div class="layui-container ">
            <!-- <div class="layui-row "> -->
            <div class="layui-col-xs8 layui-col-sm8 layui-col-md8 left">
                <div class="layui-row box1 left_map">
                </div>
                <div class="layui-row box2 info_chart">
                </div>
            </div>
            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 right ">
                <div class="htmleaf-container">
                    <header class="htmleaf-header">
                        <h1>FBA退款</h1>
                    </header>
                    <div class="login-wrap">
                        <div class="login-html">
                            <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">登录</label>
                            <input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">注册</label>
                            <div class="login-form">
                                <form name="sign_in" id="sign" autocomplete="off">
                                    <!-- {% csrf_token %} -->
                                    <div class="sign-in-htm">
                                        <div class="group">
                                            <label for="user" class="label">用户名</label>
                                            <input id="sign_user" name="username" type="text" class="input">
                                        </div>
                                        <div class="group">
                                            <label for="pass" class="label">密码</label>
                                            <input id="sign_pass" name="password" type="password" class="input" data-type="password">
                                        </div>
                                        <div class="group">
                                            <label for="captcha" class="label">验证码</label>
                                            <div>
                                                <input id="login_input_captcha" name="login_input_captcha" autocomplete="off" type="text" class="input input_captcha" onkeydown="if(event.keyCode==13){sign()}" style="width: 50%">
                                                <a href="javascript:;" class="captcha">
                                                    <img src="{{ captcha.image_url }}" alt="点击切换" id="login_captcha" onclick="update_captcha()" style="border-radius: 50px">
                                                </a>
                                            </div>

                                        </div>
                                        <div class="group">
                                            <input id="check" name="keep_sign" type="checkbox" class="check" checked>
                                            <label for="check"><span class="icon"></span> 记住密码</label>
                                        </div>

                                        <div class="button-content">
                                            <input type="button" id="sign_sub" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" onclick="sign()" value="登录" />
                                        </div>
                                        <div class="hr"></div>
                                        <div class="foot-lnk">
                                            <a href="javascript:;">忘记密码？</a>
                                        </div>
                                    </div>
                                </form>

                                <form name="register" id="sign_up">
                                    <!-- {% csrf_token %} -->
                                    <div class="sign-up-htm">
                                        <div class="group">
                                            <label for="user" class="label">用户名</label>
                                            <input id="signup_user" name="username" type="text" class="input" placeholder="至少4位字母数字下划线组合" autocomplete="off">
                                        </div>
                                        <div class="group">
                                            <label for="pass" class="label">密码</label>
                                            <input id="signup_pass" name="password" type="password" class="input" placeholder="至少6位字母数字下划线组合" data-type="password" autocomplete="off">
                                        </div>
                                        <div class="group">
                                            <label for="pass" class="label">确认密码</label>
                                            <input id="re_pass" name="re_password" type="password" class="input" data-type="password" autocomplete="off">
                                        </div>
                                        <div class="group">
                                            <label for="captcha" class="label">验证码</label>
                                            <div>
                                                <input id="reg_input_captcha" name="reg_input_captcha" autocomplete="off" type="text" class="input input_captcha" onkeydown="if(event.keyCode==13){sign_up()}" style="width: 50%">
                                                <a href="javascript:;" class="captcha">
                                                    <img src="{{ captcha.image_url }}" alt="点击切换" id="reg_captcha" onclick="update_captcha()" style="border-radius: 50px">
                                                </a>
                                            </div>

                                        </div>
                                        <div class="group">
                                            <label for="check"><span><input type="checkbox" id="protocol"
                                                        lay-skin="primary"></span>&nbsp;&nbsp;我已阅读相关<a href="{% url 'login:protocol' %}"
                                                    target="_blank"><B>
                                                        <font color="#1161ee">协议</font>
                                                    </B></a>!</label>
                                        </div>
                                        <div class="button-content">
                                            <input type="button" id="reg_sub" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" onclick="sign_up()" value="注册" />
                                        </div>
                                        <div class="hr"></div>
                                        <div class="foot-lnk">
                                            <label for="tab-1" id="return_sing_in"><a>返回登录页？</a></label>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <input value="{{ captcha.hashkey }}" name="hashkey" type="hidden" id="captcha_hashkey">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <script src="js/echarts.min.js "></script> -->
        <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.1/echarts.min.js "></script>
        <!-- 先引入jquery -->
        <script type="text/javascript " src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js "></script>
        <!-- 必须先引入china.js 这个文件 因为中国地图需要 -->
{#        <script src="https://www.makeapie.com/dep/echarts/map/js/world.js "></script>#}
        <script src="{% static "login/js/word.js" %}"></script>


        <script src="{% static "login/js/login.js" %}"></script>
        <script>
            window.refursh_captcha_url = "{% url 'login:refresh_captcha' %}";
            window.sign_url = "{% url 'login:sign' %}";
            window.register_url = "{% url 'login:register' %}";
            window.homepage_url = "{% url 'pages:homepage' %}";
            layui.use(['layer'], function() {
                var layer = layui.layer;
            });
        </script>


    </body>

</html>